<template>
  <div class="fruit">
  </div>
</template>
<script setup>
import useWatermarkBg from './useWatermarkBg'

const props = defineProps({
  text: {
    type: String,
    required: true,
    default: 'watermark'
  },
  fontSize: {
    type: Number,
    default: 40
  },
  gap: {
    type: Number,
    default: 20
  }
})
const bg = useWatermarkBg(props)
console.log(bg.value)
</script>


<style lang="scss" scoped>

</style>